{include file="public/header"}
<div class="pub_wid notice_cont">
    <div class="lf two_left" style="margin-right: 20px">
        <div class="about_nav">
            <ul class="widthauto">
                <li><a href="#" class="down" >账户中心</a></li>
                <p class="widthauto">
                    <a href="/index/consignor/index">我的信息</a>
                    <a href="/index/consignor/reset" >修改密码</a>
                </p>
                <li>
                    <a href="/index/consignor/facilitator" >运力服务商</a>
                </li>
                <li>
                    <a href="/index/consignor/noticeList">我的发布</a>
                </li>
            </ul>
        </div>
        <div class="add_box"> <a href="#"><img src="/static/index/public/images/add_008.jpg" /></a> </div>
    </div>
    <div class="notice_left bgb lf" id="sourceDetail">
<!--        <h1><span>当前位置：<a href="/index/index">主页</a>><a href="/index/consignor/noticeList">我的发布</a>><a href="#">详情</a></span></h1>-->
        <h2>{{sourceDetail.province}}丨{{sourceDetail.title}}</h2>
        <ul class="widthauto basics_box">
            <li>项目类型：</li>
            <li>{{itemCategoryMessage[sourceDetail.item_category-1]}}</li>
            <li>服务类别：</li>
            <li>{{sourceDetail.service_name}}</li>
            <li>货物类别：</li>
            <li>{{sourceDetail.trade_name}}</li>
            <li>地区：</li>
            <li>{{sourceDetail.province}}</li>
            <li>发布日期：</li>
            <li>{{sourceDetail.create_time}}</li>
            <li>截止日期：</li>
            <li>{{sourceDetail.end_time}}</li>

        </ul>
        <div class="widthauto detail_cont">
            <div class="widthauto detail_box">
                <div class="detail_lf"><span>招标摘要：</span></div>
                <div class="detail_rg">
                    <ul>
                        <li><span>【项目属地】</span></li>
                        <li>&nbsp;&nbsp;{{sourceDetail.province}}·{{sourceDetail.city}}</li>
                        <li><span>【预算金额】</span></li>
                        <li>&nbsp;&nbsp;{{sourceDetail.budget}}万元</li>
                        <li><span>【项目概况】</span></li>
                        <li>&nbsp;&nbsp;{{sourceDetail.item_about}}</li>
                        <li><span>【投标人资格要求】</span></li>
                        <li>&nbsp;&nbsp;{{sourceDetail.certification_content}}</li>
                        <!--                        <li>&nbsp;&nbsp;2、注册资金500万（含）以上；</li>-->
                        <!--                        <li>&nbsp;&nbsp;3、企业营收规模在3000万/年（含）以上；</li>-->
                        <!--                        <li>&nbsp;&nbsp;4、具有10个以上国内分支机构或办事处并可覆盖10个省份（含）以上的业务范围；</li>-->
                        <!--                        <li>&nbsp;&nbsp;5、从事电子产品运输行业三年及以上，具有服务器或网络产品或监控设备或视讯等产品企业的合作经历；</li>-->
                        <!--                        <li>&nbsp;&nbsp;6、在杭州（或海宁）、深圳（或东莞）或周边机场城市有运营场地，场地面积在 5000平方米以上。</li>-->
                    </ul>
                </div>
            </div>
            <div class="widthauto detail_box">
                <div class="detail_lf"><span>招标内容：</span></div>
                <div class="detail_rg" >
                    <ul>
                        <li><span>【招标内容】</span></li>
                        <li>&nbsp;&nbsp;{{sourceDetail.item_content}}</li>
                        <!--                    <li>&nbsp;&nbsp;2、采购设备数量：50套</li>-->
                        <!--                    <li>&nbsp;&nbsp;3、采购设备安装地点：星火区部（奉贤区海湾镇星火农场海兴路479号）</li>-->
                        <!--                    <li>&nbsp;&nbsp;4、行车安全辅组设备的型号、规格、数量详见附件一《行车安全辅组设备报价清单》</li>-->
                        <li><span>【附件】</span></li>
                        <li v-for="(item,index) in accessory_info">&nbsp;&nbsp;{{index+1}}、{{item.name}}<a :href="item.fileUrl"><img src="/static/index/public/images/download.png" /></a></li>
                        <!--                    <li>&nbsp;&nbsp;2、有效的公司营业执照（合一版）（复印件）<a href="#"><img src="/static/index/public/images/download.png" /></a></li>-->
                        <!--                    <li>&nbsp;&nbsp;3、开户许可证<a href="#"><img src="/static/index/public/images/download.png" /></a></li>-->
                        <!--                    <li>&nbsp;&nbsp;4、法人代表授权书或法人代表身份证复印件<a href="#"><img src="/static/index/public/images/download.png" /></a></li>-->
                        <!--                    <li>&nbsp;&nbsp;5、公司简介（注册时间、业务范围、规模、主要客户和业绩等）<a href="#"><img src="/static/index/public/images/download.png" /></a></li>-->
                    </ul>
                    <div class="my-btn-group">
                        <a class="my-btn" href="/index/consignor/noticeList">返回</a>
                        <a class="my-btn" :href="'/index/consignor/noticeEdit/id/'+sourceDetail.id">修改</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
{include file="public/footer"}
<style>
.my-btn-group{
    text-align: center;
    padding: 15px;
}
.my-btn{
    padding: 5px 20px;
    border: #3267cb solid 1px;
    color: #3267cb;
    border-radius: 10px;
}
</style>
<script>
    var id = "{$id}"
    var sourceDetailVm = new Vue({
        el:'#sourceDetail',
        data:{
            id:id,
            member_id:'',
            sourceDetail:{},
            accessory_info:[],
            itemCategoryMessage:['招标公告','实时货源']
        },
        methods:{
            getSourceDetail:function () {
                var el = this
                if(el.member_id == ''){
                    return $.customToastr('warning','未登录，无法查看')
                }
                var postData = {
                    "id":el.id,
                    'member_id':el.member_id
                }
                AjaxPost(postData,'/index/consignor/getNoticeDetail').then((response=>{
                    if(response.result){
                        el.sourceDetail =response.result
                        if(response.result.accessory_info){
                            el.accessory_info = response.result.accessory_info
                        }
                    }
                })).catch(()=>{
                    window.history.back()
                })
            }
        },
        mounted(){
            this.$nextTick(function () {
                this.member_id = localStorage.getItem('memberId')
                this.getSourceDetail()
            })
        }
    })
</script>

